<template>
  <section>
    <el-row :gutter="20" class="block">
      <el-col :span="6">
        <div class="grid-content" style="background: #67C23A;">
          <div class="color-box">
            <div>
              <small>用户数统计</small>
              {{ member.countMember? member.countMember : 0 }}
            </div>
          </div>
        </div>
      </el-col>
      <el-col :span="6">
        <div class="grid-content" style="background: #67C23A;">
          <div class="color-box">
            <div>
              <small>今日注册统计</small>
              {{ member.countMemberByDay? member.countMemberByDay : 0 }}
            </div>
          </div>
        </div>
      </el-col>

      <el-col :span="6">
        <div class="grid-content" style="background: #67C23A;">
          <div class="color-box">
            <div>
              <small>今日邀请统计</small>
              {{ member.countMemberRelations? member.countMemberRelations : 0 }}
            </div>
          </div>
        </div>
      </el-col>
    </el-row>
  </section>
</template>

<script>
  let data = () => {
    return {
      assets: {
        countCoinRecharge: {},
        countCoinWithdraw: {},
        groupMemberRelations: {}
      },
      member: {},
      model: {},
      lease: {}
    }
  }

  export default {
    data: data,
    methods: {},
    mounted: function () {

    }
  }
</script>

<style scoped
       lang="scss">
  .block {
    margin: 20px;
    .el-row {
      margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }
    .el-col {
      border-radius: 4px;
    }
    .grid-content {
      border-radius: 4px;
      height: 110px;
      text-align: center;

      .color-box {
        div {
          padding-top: 40px;
          padding-bottom: 6px;
          font-size: 26px;
          color: #fff;
          small {
            font-size: 16px;
            padding-right: 8px;
          }
        }
        span {

          line-height: 0;
          color: #E4E7ED;
          small {
            font-size: 8px;
            padding-right: 4px;
            align: left;
          }

        }
      }
    }
    .row-bg {
      padding: 10px 0;
      background-color: #f9fafc;
    }
  }
</style>
